<template>
	<view class="u-p-24 bgw box-radius u-m-b-20">
		<view class="u-font-28 u-p-b-20" v-if="title">
			{{title}}
		</view>
		<view v-if="list && list.length>0">
			<u-row gutter="0" align="top">
				<u-col span="6" v-for="(v,i) in list">
					<view class="u-flex u-font-28 u-p-b-6 u-p-t-6 u-col-top">
						<view class="u-tips-color u-p-r-10">
							{{v.label}}
						</view>
						<view class="u-flex-1">
							{{v.value}}
						</view>
					</view>
				</u-col>
			</u-row>
		</view>
		<slot name="content"></slot>		
	</view>
</template>

<script setup>
	const props = defineProps({
		title: {
			type: String,
			default: '',
		},
		list: {
			type: Array,
			default: [],
		},

	})
</script>

<style lang="scss" scoped>

</style>